<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/include/taglibs.jsp" %>
<%@ page import="com.depo.quiggle.view.controller.ProfileAction" %>
<stripes:form action="<%=ProfileAction.URL%>">
<div class="profile-form">	
	<div>
		<stripes:label for="userProfile.initials">Initials</stripes:label>
		<stripes:text class="inputs" name="userProfile.initials"/>
	</div>
	<div>
		<stripes:label for="userProfile.firstName">First Name</stripes:label>
		<stripes:text class="inputs" name="userProfile.firstName"/>
	</div>
	<div>
		<stripes:label for="userProfile.lastName">Last Name</stripes:label>
		<stripes:text class="inputs" name="userProfile.lastName"/>
	</div>
	<div>
		<stripes:label for="userProfile.public">Profile Public</stripes:label>
		<stripes:checkbox class="inputs" name="userProfile.public"/>
	</div>
	<div>
		<stripes:label for="userProfile.address.address1">Address 1</stripes:label>
		<stripes:text class="inputs" name="userProfile.address.address1"/>
	</div>
	<div>
		<stripes:label for="userProfile.address.address2">Address 2</stripes:label>
		<stripes:text class="inputs" name="userProfile.address.address2"/>
	</div>
	<div>
		<stripes:label for="userProfile.address.city">City</stripes:label>
		<stripes:text class="inputs" name="userProfile.address.city"/>
	</div>
	<div>
		<stripes:label for="userProfile.address.state">State</stripes:label>
		<stripes:text class="inputs" name="userProfile.address.state" maxlength="2"/>
	</div>
	<div>
		<stripes:label for="userProfile.address.zip">Zip</stripes:label>
		<stripes:text class="inputs" name="userProfile.address.zip"/>
	</div>
	<div>
		<stripes:label for="userProfile.address.public">Address Public</stripes:label>
		<stripes:checkbox class="inputs" name="userProfile.address.public"/>
	</div>
	
	
	<div>
		<stripes:label for="userProfile.contact.homePhone">Home Phone</stripes:label>
		<stripes:text class="inputs" name="userProfile.contact.homePhone"/>
	</div>
	<div>
		<stripes:label for="userProfile.contact.workPhone">Work Phone</stripes:label>
		<stripes:text class="inputs" name="userProfile.contact.workPhone"/>
	</div>
	<div>
		<stripes:label for="userProfile.contact.cellPhone">Cell Phone</stripes:label>
		<stripes:text name="userProfile.contact.cellPhone"/>
	</div>
	<div>
		<stripes:label for="userProfile.contact.fax">Fax</stripes:label>
		<stripes:text name="userProfile.contact.fax"/>
	</div>
	<div>
		<stripes:label for="userProfile.contact.emergencyPhone">Emergency Phone</stripes:label>
		<stripes:text name="userProfile.contact.emergencyPhone"/>
	</div>
	<div>
		<stripes:label for="userProfile.contact.email1">Email 1</stripes:label>
		<stripes:text name="userProfile.contact.email1"/>
	</div>
	<div>
		<stripes:label for="userProfile.contact.email2">Email 2</stripes:label>
		<stripes:text name="userProfile.contact.email2"/>
	</div>
	<div>
		<stripes:label for="userProfile.contact.public">Contact Public</stripes:label>
		<stripes:checkbox class="inputs" name="userProfile.contact.public"/>
	</div>

	<div>
		<div>Certifications</div>
		<div>
			<c:if test="${!empty actionBean.userProfile.certificates}">
				<c:forEach items="${actionBean.userProfile.certificates }" var="cert">
					<div>						
						<div>
						State
						</div>
						<div>CSR/CCR No</div>
					</div>
				</c:forEach>
			</c:if>
		</div>
	</div>
		
	<div>		
		<stripes:label for="userProfile.travelInfo.hasPassport">Has Passport</stripes:label>
		<stripes:checkbox class="inputs" name="userProfile.travelInfo.hasPassport"/>
	</div>
	
	<div>
		Willing to Travel
	</div>
	
	<div>		
		<stripes:label for="userProfile.travelInfo.willingToTravelOutOfArea">Out of Area</stripes:label>
		<stripes:checkbox class="inputs" name="userProfile.travelInfo.willingToTravelOutOfArea"/>
	</div>
	<div>		
		<stripes:label for="userProfile.travelInfo.willingToTravelOutOfState">Out of State</stripes:label>
		<stripes:checkbox class="inputs" name="userProfile.travelInfo.willingToTravelOutOfState"/>
	</div>
	<div>		
		<stripes:label for="userProfile.travelInfo.willingToTravelOutOfCountry">Out of Country</stripes:label>
		<stripes:checkbox class="inputs" name="userProfile.travelInfo.willingToTravelOutOfCountry"/>
	</div>

	<div>		
		<stripes:label for="userProfile.travelInfo.primaryLocation">Primary Location</stripes:label>
		<stripes:text class="inputs" name="userProfile.travelInfo.primaryLocation"/>
	</div>
	<div>		
		<stripes:label for="userProfile.travelInfo.secondaryLocation">Secondary Location</stripes:label>
		<stripes:text class="inputs" name="userProfile.travelInfo.secondaryLocation"/>
	</div>
	<div>		
		<stripes:label for="userProfile.travelInfo.public">Is Travel Info Public</stripes:label>
		<stripes:checkbox class="inputs" name="userProfile.travelInfo.public"/>
	</div>


	<div>
		<h3>Timings</h3>
	</div>

	<div>		
		
		<div>Monday</div>
<%-- 		<stripes:text class="inputs" name="userProfile.timing.from"/> --%>
	</div>


	<div>		
		<stripes:submit name="save" value="Save Profile"/>
	</div>
	
</div>
</stripes:form>